<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>个人博客</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="style/blog_style.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
		<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/lbt.js"></script>

	</head>

	<body>
		<div class="container-fluid header">
			<div class="container">
				<div class="row">
					<div class="col-md-12 header_body">
						<div class="col-md-3 logo">
							<a href=""><h3>Web前端开发俱乐部</h3></a>

						</div>
						<div class="col-md-9 nav">
							<ul>
								<li><a href="">首页</a></li>
								<li><a href="">作品</a></li>
								<li><a href="">文章</a></li>
								<li><a href="">素材</a></li>
								<li><a href="">关于我</a></li>
							</ul>

							<form class="col-lg-4 col-md-5 col-sm-5 col-xs-5 pull-right hidden-xs" role="form">
								<div class="input-group search">
									<i class="glyphicon glyphicon-search"></i>
									<input type="text" class="form-control-static ffl" placeholder="这是一个input">
								</div>
							</form>
						</div>
					</div>

				</div>
			</div>

		</div>
		<div class="container main">
			<div class="row">
				<div class="com-md-12">
					<div class="col-md-3 lside">
						<div class="zhs_box">
							<div class="img-card">
								<div class="headimg-bg">
									<img src="img/headimg-bg.jpg" width="100%" height="auto" />
								</div>

								<div class="headimg">
									<a href=""><img src="img/headimg.jpg" width="100%" height="100%" /></a>
								</div>
							</div>
							<h3>Alger</h3>
							<p>不是不知道要做什么，而是知道，却仍然没有做</p>
							<div class="text-tags">
								<a href="">javascript</a>
								<a href="">html5语言</a>
								<a href="">css3样式</a>
								<!-- <a href="">bootstrap框架</a>
								<a href="">web前端</a>
								<a href="">jQuery库</a> -->
							</div>
						</div>

						<div class="panel panel-warning rmwz">
							<div class="panel-heading">
								<h3 class="panel-title">
								<i class="fa fa-fire"></i> 热门文章
								</h3>
							</div>
							<div class="panel-body">
								<ul>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
								</ul>
							</div>
						</div>

					</div>

					<div class="col-md-6 center">
						<div class="row lbt-body">
							<div class="col-md-12 lbt">

								<div id="ibanner">
									<div id="ibanner_pic">
										<a href="#"><img class="img-responsive" src="img/d.jpg" alt="" width="100%" /></a>
										<a href="#"><img class="img-responsive" src="img/a.jpg" width="100%" alt="" /></a>
										<a href="#"><img class="img-responsive" src="img/b.jpg" width="100%" alt="" /></a>
										<a href="#"><img class="img-responsive" src="img/c.jpg" width="100%" alt="" /></a>
									</div>
								</div>
							</div>
						</div>

						<div class="row sc">
							<div class="col-md-12 nbj wbj">
								<div class="col-md-4 p_nbj">
									<div class="thumbnail wbj">
										<img class="img-responsive" src="img/a.jpg" alt="通用的占位符缩略图">
										<div class="caption">
											<h4>缩略图标签</h4>
											<p>一些示例文本。一些示例文本。一些示例文本。一些示例文本。</p>
											<p>
												<a href="#" class="btn btn-primary anniu" role="button">
													<i class="fa fa-eye-slash"></i> 预览
												</a>
												<a href="#" class="btn btn-default anniu" role="button">
													<i class="fa fa-download"></i>下载
												</a>
											</p>
										</div>
									</div>
								</div>
								<div class="col-md-4 p_nbj">
									<div class="thumbnail wbj">
										<img class="img-responsive" src="img/d.jpg" alt="通用的占位符缩略图" height="92px">
										<div class="caption">
											<h4>缩略图标签</h4>
											<p>一些示例文本。一些示例文本。一些示例文本。一些示例文本。</p>
											<p>
												<a href="#" class="btn btn-primary anniu" role="button">
													<i class="fa fa-eye-slash"></i> 预览
												</a>
												<a href="#" class="btn btn-default anniu" role="button">
													<i class="fa fa-download"></i>下载
												</a>
											</p>
										</div>
									</div>
								</div>
								<div class="col-md-4 p_nbj">
									<div class="thumbnail wbj">
										<img class="img-responsive" src="img/c.jpg" alt="通用的占位符缩略图">
										<div class="caption">
											<h4>缩略图标签</h4>
											<p>一些示例文本。一些示例文本。一些示例文本。一些示例文本。</p>
											<p>
												<a href="#" class="btn btn-primary anniu" role="button"> <i class="fa fa-eye-slash"></i> 预览</a>
												<a href="#" class="btn btn-default anniu" role="button"> <i class="fa fa-download"></i>下载</a>
											</p>
										</div>
									</div>
								</div>

							</div>

						</div>

					</div>

					<div class="col-md-3 rside">
						<div class="panel panel-warning login">
							<div class="panel-heading">
								<h3 class="panel-title">
								<i class="glyphicon glyphicon-user"></i> 用户登录
								</h3>
							</div>
							<div class="panel-body">
								<form class="form-horizontal bd">
									<p><input class="form-control" type="text" name="" placeholder="用户名/手机号/邮箱账号"></p>
									<p><input class="form-control" type="password" name="" placeholder="密码"></p>
									<p>
										<label class="checkbox-inline xz">
										<input type="checkbox" name="">十天内免登录
										<a class="pull-right" href="">忘记密码?</a>
										</label>

									</p>

									<p>
										<input type="button" class="btn btn-primary dl" value="登录">
										<input type="button" class="btn btn-default pull-right dl" value="注册" data-toggle="modal" data-target="#userReg">
									</p>

								</form>

							</div>

						</div>

						<div class="panel panel-warning login">
							<div class="panel-heading">
								<h3 class="panel-title">
								<i class="fa fa-file"></i> 最新文章
								</h3>
							</div>
							<div class="panel-body">
								<ul>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
									<li>
										<a href="">
											<p>Chrome浏览器关闭返回标签重新加</p>
										</a>
										<small>2016-06-20</small>&nbsp;&nbsp;&nbsp;&nbsp;<small>1000 阅读</small>
									</li>
								</ul>
							</div>
						</div>

					</div>

				</div>

			</div>

		</div>

		<div class="container-fluid">
			<div class="row">
				<div class="footer">
					<div class="container hidden-sm hidden-xs">
						<div class="row">
							<div class="col-md-12 footer_top">
								<div class="col-md-10 col-md-push-1">
									<div class="col-md-3">
										<dl>
										<dt>网站相关</dt>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										</dl>
									</div>
									
									<div class="col-md-3">
										<dl>
										<dt>友情链接</dt>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										</dl>
									</div>
									
									
									
									<div class="col-md-4">
										<dl>
										<dt>关注我们</dt>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										<dd><a href="">W3cschool</a></dd>
										</dl>
									</div>
									
									
									<div class="pull-right">
										<div class="ewm_body">
											<a href="">
											<p>关注微信</p>
											<img src="img/ewm.jpg" width="100px" height="100px" />
											</a>
										</div>
									
									</div>
									
								</div>
								
							</div>
						</div>
						
					</div>
					<div class="container-fluid">
						<hr style="height: 1px;width:100%;background-color:#CCCCCC; overflow: hidden;margin: 0 0 15px 0;"/>
						<div class="row">
							<div class="col-md-12 footer_db">
								<p>网络文化经营许可证：浙网文[2014]0269-021号 金华星秀文化传播有限公司 版权所有</p>
							</div>
						</div>
					</div>
					
					
					
				</div>
			</div>

		</div>

		<!--用户注册弹窗开始-->
		<div class="modal fade" id="userReg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<form id="frmUserRegister" class="form-horizontal">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
							<h4 class="modal-title" id="myModalLabel">

		<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;用户注册

  </h4>
						</div>
						<div class="modal-body reg">
							<div class="row">
								<div class="userRegisterText">用户名</div>
								<div class="userRegisterInput">
									<input type="text" class="form-control" name="username">
									<p class="userRegisterNotice">6~18个字符，可使用字母、数字、下划线，需以字母开头</p>
								</div>
							</div>
							<div class="row">
								<div class="userRegisterText">密码</div>
								<div class="userRegisterInput">
									<input type="password" class="form-control">
									<p class="userRegisterNotice">6~16个字符，区分大小写</p>
								</div>
							</div>
							<div class="row">
								<div class="userRegisterText">确认密码</div>
								<div class="userRegisterInput">
									<input type="password" class="form-control">
									<p class="userRegisterNotice">请再次填写密码</p>
								</div>
							</div>
							<div class="row">
								<div class="userRegisterText">Email</div>
								<div class="userRegisterInput">
									<input type="password" class="form-control">
									<p class="userRegisterNotice">Email格式：rjxy@163.com</p>
								</div>
							</div>
							<div class="modal-footer">
								<button type="submit" class="btn btn-success">
						立即注册
					</button>
							</div>
					</form>
					</div>
				</div>
			</div>
			<!--用户注册弹窗结束-->
	</body>

</html>